@charset "utf-8";
html, body, div, ul, ol, li, a, span, p, h1, h2, h3, h4, h5, video, img, audio
{
	padding:0px; margin:0px;
}
:selection
{
	background-color:#CCC;
	color:#F00;
}
html, body
{
	min-width:1000px; min-height: 768px;
	height:100%; width:100%;
	font-family:"Segoe UI";
}
div#container
{
	min-height:100%;
	position:relative;
}
body
{
	background-color:white; 
	/*background-image:url(../img/bd-bg.png);
	background-repeat:repeat;*/
	min-width:960px;
}
#page-container{
	position:relative;
	min-height:100%;
        width: 90%;
        margin-left: 50pt;
        background-color: whitesmoke;
}
.wrapper{
	position:relative;
	width:1100px;
	margin:auto;
}
#header{
        background-image: url(../img/bg1.png);
	border-bottom:5px solid #FC3;
	padding-bottom:5px;
        height:140px;
}
#header .wrapper{
}
.logo-container{
    position: absolute; z-index: 99;
	padding:35px;
	float:left; overflow:hidden;
}
.logo-container img{
	height:80px;
}
.menu-container{
	float:right;
	display:inline-block;
	padding:5px; 
}
.menu-container a{
	padding:5px 10px 5px 10px;
	font-size:14px;
	text-transform:uppercase;
	color:white; font-weight:bold; text-decoration: none;
}
.menu-container a:hover{
    color:#2b95bc;
}
#personal-container{
    clear:both;
    color:yellow;
	float:right; padding-right:10px;
	overflow:hidden;
}
#personal-container ul{
	list-style:none; font-size:12px;
}
#personal-container ul li{
	 float:left; padding:10px 10px 10px 10px;
         margin:0px 5px 0px 0px;
         border-right:1px solid #CCC;
}
#personal-container ul li h3{
	font-size:12px; font-weight:bold; margin:0px; padding:0px 10px 0px 10px;
}
.my-account h3{
	text-align:right;
}
#personal-container ul li a{
	color:#CCC; text-decoration:blink; font-style:inherit; font-weight:bold;
}
#personal-container ul li a:hover{
	text-decoration:underline; font-weight:bold;
}
#personal-container ul li a:visited{
	color:inherit;
}

#home-login{
        clear:both;
	float:right;
	padding:5px; margin:5px 5px 5px 0px;
        height: 65pt;
	background-color:lightgrey;
        border-radius:5px;
/*        display:none;*/
}
#home-login table{
	border:none;
}
input.home-login-textbox{
	width:120px; height:25px; text-align:right; color:#2b95bc;
	border:none;
	padding:0px 5px 0px 5px; font-size:12px;
	border-radius:4px;
}
input.home-login-checkbox{
	margin:0px 5px 0px 20px;
}
#home-login span{
	color:white; font-style:italic; font-size:14px;
}
.home-login-validation{
    color:red; font-size: 12px; text-align: left;  font-weight: normal;
    position: absolute; width: 90px; margin-top: -15px; margin-left:10px;
}
#subscribe{
	height:60px; width:250px; float:right;
	padding:10px; margin:0px 0px 0px 0px;
	background-color:#2b95bc;
}
h3.subscribe-title, h3.home-login-title{
	font-size:14px; padding:0px; margin:0px 0px 5px 0px;
	text-align:right; color:white; text-transform:uppercase;
}
#subscribe table{
	border:none;
}
input.subscribe-textbox{
	width:172px; height:30px; text-align:right; color:#2b95bc;
	border:none; padding:0px 5px 0px 5px; font-size:12px;
	border-radius:4px;
}
input.subscribe-button, .home-login-button{
	font-size:14px; font-weight:600;
	width:55px; height:30px; color:#2b95bc; background-color:#DDD; border:none;
	border-radius:6px;
}
.home-login-button{
	float:right; width:100px;
}
.subscribe-button:hover, .home-login-button:hover{
	cursor:pointer; background-color:#CCC;
}
.subscribe-button:active, .home-login-button:active{
	box-shadow: inset 0px 0px 1px black;
}

#middle-container{
	padding:0px 0px 0px 0px;
	min-height:100%; 
        clear: both;
        
}
#middle-container .wrapper{
    position:relative;
}
.current-action{
	float:left; width:1100px; text-align:center;
	background-color:#CCC; 
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	margin:0px 0px 50px 0px;
}

.main-big-bg{
    float: left;
    margin-top: 0px;
    width:960px; height: 550px;
    z-index: 0; clear: both;
}
/*.left-container{
        position: relative;
	float:left;
	width:600px; min-height:100%;
}
.home-slider{
	height:500px; width:94%; margin:auto; margin-top:10px;
	border:2px solid #a1a1a1;
	border-top-left-radius: 10em 1em;
        border-top-right-radius: 1em 3em;
        border-bottom-right-radius: 4em 0.5em;
        border-bottom-left-radius: 20em 3em;
}*/
.area-picker-container{
        position:absolute;
        top:300px; left:20px;
	width:350px; 
	border:1px solid #CCC;
	border-radius:15px;
        padding-top: 20px;
        padding-bottom: 10px;
        background-color: #2b95bc;
        box-shadow:0px 0px 10px 0px #063;
}
.area-picker{
	padding:10px;
	border-top:1px solid #CCC;
        border-bottom:1px solid #CCC;
        background-color:white;
}
.area-picker-title{
    font-size: 20px;
    padding:0px 10px 5px 10px;
}
.area-picker-description{
    font-size: 12px;
    width: 300px; text-align: right;
    margin:0px 0px 10px 20px;
}
.area-picker select{
	width:200px; height:30px; margin:5px; display:inline-block;
        text-align: left; padding:5px; font-size: 14px;
}
.go-choose-restaurant-btn{
    font-size: 14px; text-transform: uppercase; padding:7px 20px 5px 20px;
    border-radius:5px;
    border:none; background-color:#F90; color:white; font-weight: bold;
    position: relative;
    margin: 5px 0px 0px 140px; box-shadow:0px 0px 1px 1px black;
}


.go-choose-restaurant-btn:hover{
    cursor: pointer;
    box-shadow:0px 0px 3px 1px black;
}
#footer-home{
	text-align:left; font-size:14px; color:#CCC;
	padding:10px 0px 10px 0px; background-color:#999;
	border-top:5px solid #FC3;
        width:100%; height:60px;
	position:absolute; bottom:0;
	margin-bottom:0px;
}
#footer{
	text-align:left; font-size:14px; color:#CCC;
	padding:10px 0px 10px 0px; background-image: url(../img/bg1.png);
	border-top:5px solid #FC3;
        width:100%; height:80px;
	position:absolute; bottom:0px;
	margin-bottom:-90px;
}
#footer-menu{
	float:right; border-bottom:1px solid #CCC;
}
#footer-menu ul{
	list-style:none;
}
#footer-menu ul li{
	float:left; padding:0px 5px 0px 5px; margin:-10px 0px 0px 0px;
	color:#CCC;
}
#footer-menu ul li a{
	color:white; text-decoration:none;
}
#footer-menu ul li a:visited{
	color:white;
}
#footer-menu ul li a:hover{
	color:#000;
}
#copy-right{
	position:relative;
	float:left; width:960px;
	color:black; font-size:12px; text-align:left;
	margin:10px 0px 5px 10px;
}

/* CART */
.cart-container, .cart-container-absolute{
	position:relative; float: right;
	top:20px; right:0px;
	width:280px;overflow:hidden;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #CCC;
	border-radius:10px;
	z-index:50;
	transition:all 0.5s;
	-o-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.cart-container-fixed{
	position:fixed;
	top:2px; right:0px;
	width:280px;overflow:hidden;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #CCC;
	border-radius:10px;
	z-index:50;
	transition:all 0.5s;
	-o-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.cart-header{
	background-color:darkgray;
	padding:5px 0px 5px 0px;
/*	border-top-left-radius:10px;
	border-top-right-radius:10px; */
}
.current-restaurant-img{
	margin:15px 0px 5px 15px;
	width:250px; height:120px;
}
.current-res-payment-container{
	background-color:#CCC;
	margin:5px 0px 10px 0px;
	padding:10px 0px 10px 0px;
}
.current-res-shipment-fee-title{
	font-size:12px; display:inline-block; width:150px;
	margin:0px 10px 5px 0px; text-align:right;
}
.current-res-shipment-fee-value{
	font-size:12px; display:inline-block; width:100px; text-align:right;
	float:right;
	padding:0px 3px 0px 0px;
}
.current-res-shipment-fee-value:after{
	content:" vnd"; font-size:12px;
}
.current-res-min-order-title{
	font-weight:bold; font-size:12px; display:inline-block; width:150px;
	margin:0px 10px 0px 0px; text-align:right;
}
.current-res-min-order-value{
	float:right; font-weight:bold;
	font-size:12px; display:inline-block; width:100px; text-align:right;
	padding:0px 3px 0px 0px;
}
.current-res-min-order-value:after{
	content:" vnd"; font-size:12px;
}
.cart-img{
	height:70px;
	margin:0px 15px 0px 5px;
	float:left;
}
.cart-info-container{
	float:left;
	margin-top:10px;
	padding:3px 5px 5px 15px;
	border-left:2px dotted #CCC;
	font-size:14px;
}
.cart-info-container span{
	font-weight:bold; font-size:20px; color:#C93;
}
.cart-sum-total{
	font-size:14px; font-style:italic;
}
.cart-sum-total:after{
	content:" (vnđ)";
}
.show-cart-items-btn{
	display:inline-block; width:100px; text-align:center;
	background-color:#F90; border-radius:6px;
	padding:2px; margin-top:5px; font-size:14px;
}
.btnCheckOut{
    margin:10px 10px 0px 150px;
    width: 30%;
}
.go-check-out-btn{
	display:inline-block; width:100px; text-align:center; text-transform:uppercase;
	background-color:#62c462; border-radius:2px;
	padding:2px 10px 2px 10px; margin:20px 10px 10px 0px; font-size:14px;
        color:white;
	float:right;
        box-shadow:0px 0px 1px 1px black;
}
.show-cart-items-btn:hover, .go-check-out-btn:hover{
	cursor:pointer;
        box-shadow:0px 0px 5px 1px black;
}
#cart-items-container{
	width:280px; max-height: 250px;
        overflow-x:hidden;
        overflow-y:auto;
}
.cart-item{
    position: relative;
	float:left; width:260px;
	margin:10px 10px 0px 10px; border-top:2px solid #CCC;
}
.cart-item-img{
	width:50px; height:50px;
	margin:3px;
	float:left;
}
.cart-item-name{
	float:left; margin:15px 0px 5px 0px; width:95px; font-size:12px;
}
.cart-item-xx{
	float:left; margin:15px 5px 0px 0px; width:5px; font-size:12px;
}
.cart-item-quantity{
	float:left; margin:10px 0px 0px 0px; font-size:12px; width:20px; height:10px; text-align:center; border-radius:0px;
}
.cart-item-delete-btn{
    position:absolute;
    float: right;
    margin-top: 13px;
    opacity:0.6;
	filter:alpha(opacity=60)
}
.cart-item-delete-btn:hover{
    cursor: pointer;
    opacity:1;
	filter:alpha(opacity=100)
}
.cart-item-total{
	float:left; margin:15px 10px 0px 0px;font-size:12px; text-align:center; width:60px;
}
.total-payment-container{
	background-color:#CCC;
	margin:20px 0px 0px 0px;
	padding:10px 0px 10px 0px;
}
.shipment-fee-title{
	font-size:12px; display:inline-block; width:150px;
	margin:0px 10px 5px 0px; text-align:right;
}
.shipment-fee-value{
	font-size:12px; display:inline-block; width:100px; text-align:right;
	float:right;
	padding:0px 3px 0px 0px;
}
.shipment-fee-value:after{
	content:" vnd"; font-size:12px;
}
.total-payment-sum-title{
	font-weight:bold; font-size:15px; display:inline-block; width:100px;
	margin:0px 10px 0px 20px; text-align:left;
}
.total-payment-sum-value{
	float:right; font-weight:bold;
	font-size:15px; display:inline-block; width:100px; text-align:right;
	padding:0px 20px 0px 0px;
}
.total-payment-sum-value:after{
	content:" USD"; font-size:12px;
}
